<template>
    <ul class="list-group list-group-flush">
        <li class="list-group-item">{{item.username}}</li>
        <li class="list-group-item">{{item.app}}/{{item.controller}}/{{item.action}} </li>
        <li class="list-group-item">{{item.datetime}}</li>
        <li class="list-group-item">{{item.ip}}</li>
        <li class="list-group-item">
            <pre class="log-content">{{item.content}}</pre>
        </li>
    </ul>
</template>

<script>
export default{
    dialog:{
        title:'日志详情',
        width:500
    },
    props:['item'],       
}
</script>


<style>
.log-content{
    height:200px;
    overflow-y:auto;
}
</style>